Query parameters

Descripcion

Como utilizar las Query parameters para pasar informacion a nuestra aplicacion

Los Query parameters son parametros que se colocan al final de la url

http://example.com/pagina?nombre=maria

En este caso tendriamos una variable nombre con el valor asociado maria

Query Parameters

En vez de utilizar Path variables podemos utilizar Query Parameters para obtener informacion de la url

En este caso al igual que con las Path variables tenemos que hacer el mismo import y la misma declaración en el constructor

El único cambio que tenemos que hacer es en el ngOnInit, donde ponemos el siguiente codigo:

  ngOnInit(): void {
        this.route.queryParams.subscribe(params => {
          this.name = params['name'];
        });
      }

El codigo del componente quedaría tal que así:

Al hacer una solicitud como la siguiente http://127.0.0.1:4200/test?name=textoDePrueba obtenemos el resultado esperado:

Tags

Query parameters | parameters